<!DOCTYPE html>
<html>
<head>
  <meta content="IE=11.0000" http-equiv="X-Ua-Compatible">
  <meta charset="utf-8">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1">
  <!---->
  <title>项目档案</title>
  <!--region 引入公用js和css -->
  <link href="../assets/plugins/animate/animate.css" rel="stylesheet">
  <link href="../assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/base/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
  <link href="../assets/base/css/plugins.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/ditop/layout.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css"/>
  <link href="../assets/plugins/bootstrap-table/bootstrap-table.css" rel="stylesheet">
  <link href="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.css" rel="stylesheet">
  <link href="../assets/plugins/bootstrap-toastr/toastr.css" rel="stylesheet">
  <link rel="stylesheet" href="../assets/plugins/sweetalert/sweetalert.css">
  <link rel="stylesheet" href="../assets/plugins/layer/theme/default/layer.css">
  <link href="../assets/plugins/select2/css/select2.min.css" rel="stylesheet">
  <link href="../assets/plugins/icheck/skins/flat/aero.css" rel="stylesheet">
  <link href="../assets/ditop/ditop.css" rel="stylesheet">
  <link href="../assets/ditop/style/ztree/style9/treestyle.css" rel="stylesheet">
  <link href="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.css" rel="stylesheet">
  <link href="../assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css"/>
  <script src="../assets/plugins/jquery/jquery.min.js"></script>
  <script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
  <script src="../assets/plugins/bootstrap-toastr/toastr.js"></script>
  <script src="../assets/plugins/art-template/template.js"></script>
  <script src="../assets/plugins/layer/layer.js"></script>
  <script src="../assets/ditop/ditop.js"></script>
  <!--endregion-->
  <link rel="stylesheet" href="../assets/module/common/gcjsy_js.css">
  <link href="../assets/module/gcjsy/css/public.css" rel="stylesheet"> <!-- CSS Customization -->
  <link href="../assets/module/gcjsy/css/pagination.css" rel="stylesheet">
  <link href="this.css" rel="stylesheet"> <!-- CSS Customization -->
</head>
<body data-spy="scroll" data-target="#nav2" data-offset="50">

<header id="w1">
  <div class="header-main">
    <div class="center-head">
      <div class="detail-logo">
        <img src="img/logo.png" alt="">
        <span>江西住建云</span>
        <small>项目档案</small>
      </div>
      <div id="nav2">
        <ul class="ul-nav clearfix nav" role="tablist" >
          <li class="active"><a href="#w1">项目信息</a></li>
          <!--<li><a href="#">形象进度</a></li>-->
          <li><a href="#w15">勘察信息</a></li>
          <li><a href="#w2">单体信息</a></li>
          <li><a href="#w3">参建单位</a></li>
          <li><a href="#w4">参建人员</a></li>
          <li><a href="#w5">工程文书信息</a></li>
          <li><a href="#w6">承发包关系图</a></li>
          <!--<li><a href="#">建设效果图</a></li>-->
          <!--<li><a href="#">项目奖惩情况</a></li>-->
          <!--<li><a href="#">项目大事件</a></li>-->
          <!--<li><a href="#">办件</a></li>-->
        </ul>
      </div>

    </div>

  </div>

</header>

<div class="body">
  <section class="banner">
    <div class="seK"></div>
    <div class="banner-list main-center">
      <h3>合肥万科金域华府</h3>
      <ul class="banner-list-box clearfix">
        <li><span>项目编码：</span><span>SCI202008136688</span></li>
        <li><span>建设模式：</span><span>BOT模式</span></li>

        <li><span>行政区划：</span><span>安徽省合肥市</span></li>
        <li><span>建设性质：</span><span>新建项目</span></li>

        <li><span>项目用途：</span><span>住宅</span></li>
        <li><span>建设规模：</span><span>8339平方米</span></li>

        <li><span>项目类别：</span><span>项目类别内容</span></li>
        <li><span>项目规模：</span><span>大型</span></li>

        <li class="w100"><span>计划总投资：</span><span class="orange">9500万</span></li>
        <li class="w100"><span>建设单位：</span><span>合肥一航万科地产有限公司</span></li>
        <li class="w100"><span>建设地址：</span><span>安徽省合肥市蜀山区长江西路297号</span></li>

      </ul>
    </div>
  </section>

  <section class="pro-card">

    <p id="w15" style="transform: translateY(-100px)"></p>
    <div class="pro-card-box main-center relative">
      <a style="top: 15px;right: 35px" class="go-detail" href="#">详细信息</a>
      <img src="img/Standa.png" alt="">
    </div>
  </section>

  <section id="w2" class="main-item">
    <div class="main-center">

      <div class="main-item-head">
        <p class="mih-index">02</p>
        <p class="English eng-w">monomerS</p>
        <p class="chinese">单体信息</p>
      </div>

      <div class="table-box bg-white">
        <div class="table-con">
          <div class="table-scrollable table-scrollable-borderless">
            <table class="table  table-light">
              <thead>
              <tr class="uppercase">
                <th width="60">序号</th>
                <th width="250">单体名称</th>
                <th width="240">单体编码</th>
                <th width="140">专业类别</th>
                <th width="220">专业技术指标</th>
                <th class="text-right">操作</th>
              </tr>
              </thead>
              <tbody>
                <tr>
                  <td> 1 </td>
                  <td>单体名称最多一二三四五六十六个字</td>
                  <td>36012030012200025-DW004</td>
                  <td>房屋建筑工程</td>
                  <td>建筑其他指标: 原建筑类别为丁类仓库建筑，耐火等级为二...</td>
                  <td class="text-right"><a class="DarkBlue" href="#">查看详情</a></td>
                </tr>
                <tr>
                  <td> 2 </td>
                  <td>单体名称最多一二三四五六十六个字</td>
                  <td>36012030012200025-DW004</td>
                  <td>房屋建筑工程</td>
                  <td>建筑其他指标: 原建筑类别为丁类仓库建筑，耐火等级为二...</td>
                  <td class="text-right"><a class="DarkBlue" href="#">查看详情</a></td>
                </tr>
                <tr>
                  <td> 3 </td>
                  <td>单体名称最多一二三四五六十六个字</td>
                  <td>36012030012200025-DW004</td>
                  <td>房屋建筑工程</td>
                  <td>建筑其他指标: 原建筑类别为丁类仓库建筑，耐火等级为二...</td>
                  <td class="text-right"><a class="DarkBlue" href="#">查看详情</a></td>
                </tr>
                <tr>
                  <td> 4 </td>
                  <td>单体名称最多一二三四五六十六个字</td>
                  <td>36012030012200025-DW004</td>
                  <td>房屋建筑工程</td>
                  <td>建筑其他指标: 原建筑类别为丁类仓库建筑，耐火等级为二...</td>
                  <td class="text-right"><a class="DarkBlue" href="#">查看详情</a></td>
                </tr>
                <tr>
                  <td> 4 </td>
                  <td>单体名称最多一二三四五六十六个字</td>
                  <td>36012030012200025-DW004</td>
                  <td>房屋建筑工程</td>
                  <td>建筑其他指标: 原建筑类别为丁类仓库建筑，耐火等级为二...</td>
                  <td class="text-right"><a class="DarkBlue" href="#">查看详情</a></td>
                </tr>
                <tr>
                  <td> 4 </td>
                  <td>单体名称最多一二三四五六十六个字</td>
                  <td>36012030012200025-DW004</td>
                  <td>房屋建筑工程</td>
                  <td>建筑其他指标: 原建筑类别为丁类仓库建筑，耐火等级为二...</td>
                  <td class="text-right"><a class="DarkBlue" href="#">查看详情</a></td>
                </tr>
                <tr>
                  <td> 4 </td>
                  <td>单体名称最多一二三四五六十六个字</td>
                  <td>36012030012200025-DW004</td>
                  <td>房屋建筑工程</td>
                  <td>建筑其他指标: 原建筑类别为丁类仓库建筑，耐火等级为二...</td>
                  <td class="text-right"><a class="DarkBlue" href="#">查看详情</a></td>
                </tr>

              </tbody>
            </table>
          </div>
        </div>
        <div class="wrap-fenYe">
          <div class="pagebar">
            <div class="paginfo">
                  <span>
                    <div class="paginfo">
                      <span>每页
                        <select>
                          <option value="10" selected="selected">10</option>
                          <option value="20">20</option>
                          <option value="50">50</option>
                          <option value="100">100</option>
                        </select>
                        条，共 2 页，16 条记录
                      </span>
                      <span>
                        <a href="javascript:;" data-page="1">首页</a>
                        <a href="javascript:;" class="prev">上一页</a>
                        <span class="active">1</span>
                        <a href="javascript:;" class="next">下一页</a>
                        <a href="javascript:;" data-page="2">尾页</a>
                        <span class="turn-to">
                          转到<input type="text" class="jump-ipt">页
                        </span>
                        <a href="javascript:;" class="jump-btn">确定</a>
                      </span>
                    </div>
                  </span>
            </div>
          </div>
        </div>
      </div>

    </div>

  </section>


  <section id="w3" class="main-item bg-white">
    <div class="main-center">

      <div class="main-item-head" style="margin-bottom: 0">
        <p class="mih-index">03</p>
        <p class="English eng-b">THE companies</p>
        <p class="chinese">参建单位</p>
      </div>

      <div class="table-box bg-white table-no-shadow">
        <div class="table-con">
          <div class="table-scrollable table-scrollable-borderless">
            <table class="table  table-light">
              <thead>
              <tr>
                <th width="126"></th>
                <th width="420"></th>
                <th width="364"></th>
                <th class="text-right"></th>
              </tr>
              </thead>
              <tbody>
              <tr>
                <td>
                  <div class="Icon-t Icon-kanCha">
                    <i></i><p>勘察单位</p>
                  </div>
                </td>
                <td><a class="DarkBlue" href="#">安徽德拓信息科技有限公司(1101021605200101) <i class="dtFont dtFont-fujian1"></i></a></td>
                <td>
                  <p class="margin-bottom-10">承接资质：建筑行业甲级</p>
                  <p>项目负责人：张安(340122198102061546)</p>
                </td>
                <td class="text-right"><a class="DarkBlue" href="#">查看详情</a></td>
              </tr>
              <tr>
                <td>
                  <div class="Icon-t Icon-sheji">
                    <i></i><p>设计单位</p>
                  </div>
                </td>
                <td><a class="DarkBlue" href="#">安徽德拓信息科技有限公司(1101021605200101) <i class="dtFont dtFont-fujian1"></i></a></td>
                <td><p class="margin-bottom-10">承接资质：建筑行业甲级</p>
                  <p>项目负责人：张安(340122198102061546)</p></td>
                <td class="text-right"><a class="DarkBlue" href="#">查看详情</a></td>
              </tr>
              <tr>
                <td>
                  <div class="Icon-t Icon-jianli">
                    <i></i><p>监理单位</p>
                  </div>
                </td>
                <td><a class="DarkBlue" href="#">安徽德拓信息科技有限公司(1101021605200101) <i class="dtFont dtFont-fujian1"></i></a></td>
                <td><p class="margin-bottom-10">承接资质：建筑行业甲级</p>
                  <p>项目负责人：张安(340122198102061546)</p></td>
                <td class="text-right"><a class="DarkBlue" href="#">查看详情</a></td>
              </tr>
              <tr>
                <td>
                  <div class="Icon-t Icon-jianshe">
                    <i></i><p>建设单位</p>
                  </div>
                </td>
                <td><a class="DarkBlue" href="#">安徽德拓信息科技有限公司(1101021605200101) <i class="dtFont dtFont-fujian1"></i></a></td>
                <td><p class="margin-bottom-10">承接资质：建筑行业甲级</p>
                  <p>项目负责人：张安(340122198102061546)</p></td>
                <td class="text-right"><a class="DarkBlue" href="#">查看详情</a></td>
              </tr>
              </tbody>
            </table>
          </div>
        </div>
        <div class="wrap-fenYe">
          <div class="pagebar">
            <div class="paginfo">
                  <span>
                    <div class="paginfo">
                      <span>每页
                        <select>
                          <option value="10" selected="selected">10</option>
                          <option value="20">20</option>
                          <option value="50">50</option>
                          <option value="100">100</option>
                        </select>
                        条，共 2 页，16 条记录
                      </span>
                      <span>
                        <a href="javascript:;" data-page="1">首页</a>
                        <a href="javascript:;" class="prev">上一页</a>
                        <span class="active">1</span>
                        <a href="javascript:;" class="next">下一页</a>
                        <a href="javascript:;" data-page="2">尾页</a>
                        <span class="turn-to">
                          转到<input type="text" class="jump-ipt">页
                        </span>
                        <a href="javascript:;" class="jump-btn">确定</a>
                      </span>
                    </div>
                  </span>
            </div>
          </div>
        </div>
      </div>

    </div>

  </section>
  <section id="w4" class="main-item bg-can">
    <div class="main-center">

      <div class="main-item-head">
        <p class="mih-index">04</p>
        <p class="English eng-w">staff member</p>
        <p class="chinese">参建人员</p>
      </div>

      <div class="table-box table-no-shadow">
        <div class="table-con">
          <div class="table-scrollable table-scrollable-borderless">
            <table class="table table-light">
              <thead>
              <tr>
                <th>序号</th>
                <th>承担角色</th>
                <th>人员姓名</th>
                <th>证书类型</th>
                <th>专业及等级</th>
                <th>证书编号</th>
                <th>所属企业</th>
                <th class="text-right">操作</th>
              </tr>
              </thead>
              <tbody>
              <tr>
                <td>1</td>
                <td>设计负责人</td>
                <td><a class="DarkBlue" href="#">张安(340122198102061546)</a></td>
                <td>一级注册建造师</td>
                <td>建筑工程</td>
                <td>3401202061546</td>
                <td>安徽德拓信息科技有限公司</td>
                <td class="text-right"><a class="DarkBlue" href="#">查看详情</a></td>
              </tr>
              <tr>
                <td>2</td>
                <td>设计负责人</td>
                <td><a class="DarkBlue" href="#">张安(340122198102061546)</a></td>
                <td>一级注册建造师</td>
                <td>建筑工程</td>
                <td>3401202061546</td>
                <td>安徽德拓信息科技有限公司</td>
                <td class="text-right"><a class="DarkBlue" href="#">查看详情</a></td>
              </tr>
              <tr>
                <td>3</td>
                <td>设计负责人</td>
                <td><a class="DarkBlue" href="#">张安(340122198102061546)</a></td>
                <td>一级注册建造师</td>
                <td>建筑工程</td>
                <td>3401202061546</td>
                <td>安徽德拓信息科技有限公司</td>
                <td class="text-right"><a class="DarkBlue" href="#">查看详情</a></td>
              </tr>
              <tr>
                <td>4</td>
                <td>设计负责人</td>
                <td><a class="DarkBlue" href="#">张安(340122198102061546)</a></td>
                <td>一级注册建造师</td>
                <td>建筑工程</td>
                <td>3401202061546</td>
                <td>安徽德拓信息科技有限公司</td>
                <td class="text-right"><a class="DarkBlue" href="#">查看详情</a></td>
              </tr>
              <tr>
                <td>5</td>
                <td>设计负责人</td>
                <td><a class="DarkBlue" href="#">张安(340122198102061546)</a></td>
                <td>一级注册建造师</td>
                <td>建筑工程</td>
                <td>3401202061546</td>
                <td>安徽德拓信息科技有限公司</td>
                <td class="text-right"><a class="DarkBlue" href="#">查看详情</a></td>
              </tr>
              <tr>
                <td>6</td>
                <td>设计负责人</td>
                <td><a class="DarkBlue" href="#">张安(340122198102061546)</a></td>
                <td>一级注册建造师</td>
                <td>建筑工程</td>
                <td>3401202061546</td>
                <td>安徽德拓信息科技有限公司</td>
                <td class="text-right"><a class="DarkBlue" href="#">查看详情</a></td>
              </tr>
              <tr>
                <td>7</td>
                <td>设计负责人</td>
                <td><a class="DarkBlue" href="#">张安(340122198102061546)</a></td>
                <td>一级注册建造师</td>
                <td>建筑工程</td>
                <td>3401202061546</td>
                <td>安徽德拓信息科技有限公司</td>
                <td class="text-right"><a class="DarkBlue" href="#">查看详情</a></td>
              </tr>
              </tbody>
            </table>
          </div>
        </div>
        <div class="wrap-fenYe">
          <div class="pagebar">
            <div class="paginfo">
                  <span>
                    <div class="paginfo">
                      <span>每页
                        <select>
                          <option value="10" selected="selected">10</option>
                          <option value="20">20</option>
                          <option value="50">50</option>
                          <option value="100">100</option>
                        </select>
                        条，共 2 页，16 条记录
                      </span>
                      <span>
                        <a href="javascript:;" data-page="1">首页</a>
                        <a href="javascript:;" class="prev">上一页</a>
                        <span class="active">1</span>
                        <a href="javascript:;" class="next">下一页</a>
                        <a href="javascript:;" data-page="2">尾页</a>
                        <span class="turn-to">
                          转到<input type="text" class="jump-ipt">页
                        </span>
                        <a href="javascript:;" class="jump-btn">确定</a>
                      </span>
                    </div>
                  </span>
            </div>
          </div>
        </div>
      </div>

    </div>

  </section>

  <section id="w5" class="main-item bg-gc">
    <div class="main-center">

      <div class="main-item-head">
        <p class="mih-index">05</p>
        <p class="English eng-c">Project Files</p>
        <p class="chinese" style="color: white;padding: 0 50px">工程文书信息
          <a class="go-detail" href="#">详细信息</a>
        </p>

      </div>

      <ul class="doc-list">
        <li>
          <div class="doc-list-top">
            <img src="img/l1.png" alt="">
          </div>
          <div class="doc-list-bottom">
            <span>招投标文件</span>
            <span class="pull-right">5 份</span>
          </div>
        </li>
        <li>
          <div class="doc-list-top">
            <img src="img/l2.png" alt="">
          </div>
          <div class="doc-list-bottom">
            <span>合同备案</span>
            <span class="pull-right">5 份</span>
          </div>
        </li>
        <li>
          <div class="doc-list-top">
            <img src="img/l3.png" alt="">
          </div>
          <div class="doc-list-bottom">
            <span>审图合格书</span>
            <span class="pull-right">5 份</span>
          </div>
        </li>
        <li>
          <div class="doc-list-top">
            <img src="img/l4.png" alt="">
          </div>
          <div class="doc-list-bottom">
            <span>施工许可证</span>
            <span class="pull-right">5 份</span>
          </div>
        </li>
        <li>
          <div class="doc-list-top">
            <img src="img/l5.png" alt="">
          </div>
          <div class="doc-list-bottom">
            <span>竣工验收备案证书</span>
            <span class="pull-right">5 份</span>
          </div>
        </li>
      </ul>

    </div>

  </section>

  <section id="w6" class="main-item bg-white">
    <div class="main-center">

      <div class="main-item-head">
        <p class="mih-index">06</p>
        <p class="English eng-b">Enterprise Map</p>
        <p class="chinese">承发包关系图
          <a class="go-detail" href="#">详细信息</a>
        </p>
      </div>

      <div style="height: 700px;"></div>

    </div>

  </section>
</div>

<!--region 引入公用js和css -->
<script src="../assets/plugins/sweetalert/sweetalert.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/js.cookie.min.js"></script>
<script src="../assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script src="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.js"></script>
<script src="../assets/plugins/moment.min.js"></script>
<script src="../assets/plugins/bootstrap-daterangepicker/daterangepicker.min.js"></script>
<script src="../assets/plugins/counterup/jquery.waypoints.min.js"></script>
<script src="../assets/plugins/counterup/jquery.counterup.min.js"></script>
<script src="../assets/plugins/fullcalendar/fullcalendar.js"></script>
<script src="../assets/plugins/horizontal-timeline/horizontal-timeline.js"></script>
<script src="../assets/plugins/jquery.sparkline.min.js"></script>
<script src="../assets/plugins/select2/js/select2.js"></script>
<script src="../assets/plugins/select2/js/i18n/zh-CN.js"></script>
<script src="../assets/plugins/ztree/jquery.ztree.all.js"></script>
<script src="../assets/plugins/jquery-form/jquery.form.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.placeholder.min.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/plugins/jquery-validator/localization/messages_zh.js"></script>
<script src="../assets/plugins/jquery-validator/additional-methods.js"></script>
<script src="../assets/plugins/bootstrap-growl/jquery.bootstrap-growl.js"></script>
<script src="../assets/plugins/bootstrap-table/bootstrap-table.js"></script>
<script src="../assets/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
<script src="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.js"></script>
<script src="../assets/base/scripts/app.js"></script>
<script src="../assets/base/scripts/theme.js"></script>
<script src="../assets/ditop/ditop-addition.js"></script>
<script src="../assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="../assets/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"
        type="text/javascript"></script>
<script type="text/javascript" src="../assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"
        charset="UTF-8"></script>
<script type="text/javascript"
        src="../assets/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        charset="UTF-8"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/ditop/layout.js"></script>
<!--endregion-->
<script>
  $(window).scroll(function () {
    var scrollY = $(document).scrollTop();
    if (scrollY > 92) {
      $('.header-main').addClass('active');
    } else {
      $('.header-main').removeClass('active');
    }
  });
</script>
</body>
</html>

